//
//  WJWelcomeView.swift
//  新浪微博swift
//
//  Created by WJ-Jason on 2017/5/6.
//  Copyright © 2017年 WJ-Jason. All rights reserved.
//

import UIKit
import SDWebImage

class WJWelcomeView: UIView {
    
    @IBOutlet weak var iconView: UIImageView!
    
    @IBOutlet weak var tipLabel: UILabel!
    
    @IBOutlet weak var bottomCons: NSLayoutConstraint!
    
    
    class func welcomeView () -> WJWelcomeView {
        let nib = UINib(nibName: "WJWelcomeView", bundle: nil)
        
        let v = nib.instantiate(withOwner: nil, options: nil)[0] as! WJWelcomeView
        
        // 从xib加载的视图,默认是600*600的
        v.frame = UIScreen.main.bounds
        
        return v
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        
        // 提示：initWithCode 只是刚刚从 XIB 的二进制文件将视图数据加载完成
        // 还没有和代码连线建立起关系，所以开发时，千万不要在这个方法中处理 UI
        // print("initWithCoder + \(iconView)") //iconView 为nil
    }
    
    /// 从 XIB 加载完成调用
    override func awakeFromNib() {
        
        // 1. url
        guard let urlString = WJNewworkManager.shared.userAccount.avatar_large,
            let url = URL(string: urlString) else {
                return
        }
        tipLabel.text =  "欢迎回来! " + WJNewworkManager.shared.userAccount.screen_name!
        
        // 2. 设置头像 - 如果网络图像没有下载完成，先显示占位图像
        // 如果不指定占位图像，之前设置的图像会被清空！
        iconView.sd_setImage(with: url,
                             placeholderImage: UIImage(named: "avatar_default_big"))
        
        // 3. 设置圆角(iconView的 bounds 还没有设置)
        iconView.layer.cornerRadius = iconView.bounds.width * 0.5
        iconView.layer.masksToBounds = true
    }
    
    
    /// 自动布局系统更新完成约束后，会自动调用此方法
    /// 通常是对子视图布局进行修改
    //    override func layoutSubviews() {
    //
    //    }
    
    /// 视图被添加到 window 上，表示视图已经显示
    override func didMoveToWindow() {
        super.didMoveToWindow()
        
        // 视图是使用自动布局来设置的，只是设置了约束
        // - 当视图被添加到窗口上时，根据父视图的大小，计算约束值，更新控件位置
        // - layoutIfNeeded 会直接按照当前的约束直接更新控件位置
        // - 执行之后，控件所在位置，就是 XIB 中布局的位置
        self.layoutIfNeeded()
        
        bottomCons.constant = bounds.size.height - 200
        
        // 如果控件们的 frame 还没有计算好！所有的约束会一起动画！
        UIView.animate(withDuration: 2.0,
                       delay: 0,
                       usingSpringWithDamping: 0.7,
                       initialSpringVelocity: 0,
                       options: [],
                       animations: {
                        
                        // 更新约束
                        self.layoutIfNeeded()
        }) { (_) in
            
            UIView.animate(withDuration: 1.5, animations: {
                self.tipLabel.alpha = 1
            }, completion: { (_) in
                self.removeFromSuperview()
            })
        }
        
    }
    
}
